<template>
    <el-header height="30px" >
      <FHamburger/>

      <FBreadcrumb/>

      <div class="f-right-menus">
        <el-dropdown class="f-dropdown" trigger="click">
          <i class="el-icon-setting" style="margin-right: 15px"></i>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>zh/中文</el-dropdown-item>
            <el-dropdown-item>en/英文</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </el-header>

</template>
<script>
import FHamburger from '@/components/f-hamburger/f-hamburger'
import FBreadcrumb from '@/components/f-breadcrumb/f-breadcrumb'
export default {
  name: 'FNavbar',
  components: {
    FBreadcrumb,
    FHamburger
  },
  data () {
    return {
    }
  },
  watch: {

  },
  created () {
  },
  methods: {
  }
}
</script>

<style scoped>

  .f-right-menus{
    float: right;
    height: 100%;
    line-height: 30px;
  }
  .el-header{
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-color: #ffffff;
  }
</style>
